<template>
    <div class="app-main-scroll runningAnalysis-root province-root">
      <div class="box-100">
        <provinceTable/>
      </div>
      <div class="box">
        <WarningTrend/>
      </div>
      <div class="box">
        <WarningLevel/>
      </div>
    </div>
</template>

<script>
import provinceTable from "./components/provinceTable.vue";
import WarningTrend from "./components/WarningTrend.vue";
import WarningLevel from "./components/WarningLevel.vue";

export default {
  name: "province",
  components: {
    provinceTable,WarningTrend,WarningLevel,
  },
  data() {
    return {}
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
@import "~@/views/xy/runningAnalysis/runningAnalysis.scss";

.province-root {
  .box-100{
    width: 100%;
    padding: 8px 12px;
  }
}
</style>
